<html>
<head>
  <title>Behold the tabbox!</title>
  <link rel="stylesheet" type="text/css" href="tabbox.css" />
  <script type="text/javascript" src="tabbox.js" />
<script type="text/javascript">
ww_lastTabDict['ww_tabbox1'] = 1;
</script>
</head>
<body>
<h1>Behold the tabbox!</h1>

<div class="ww_tabbox" id="ww_tabbox1">
   <span class="ww_tabbox_bar" id="ww_tabbox1_bar">
      <span class="ww_tabbox_tab" id="ww_tabbox1_tab1" onclick="ww_setTab('ww_tabbox1', 1)" style="padding-bottom: 1px;">Foo</span>
      <span class="ww_tabbox_tab" id="ww_tabbox1_tab2" onclick="ww_setTab('ww_tabbox1', 2)">Bar</span>
      <span class="ww_tabbox_tab" id="ww_tabbox1_tab3" onclick="ww_setTab('ww_tabbox1', 3)">Baz</span>
   <div class="ww_tabbox_pane" id="ww_tabbox1_pane1" style="display: block">
      Recall the liftM family of functions which are used to lift
non-monadic functions into a monad. Each monad transformer provides a
lift function that is used to lift a monadic computation into a
combined monad. Many transformers also provide a liftIO function,
which is a version of lift that is optimized for lifting computations
in the IO monad. To see this in action, we will continue to develop
our previous example in the Continuation monad.
   </div>
   <div class="ww_tabbox_pane" id="ww_tabbox1_pane2">
     <img src="http://mars/blog/images/mt-logo.gif" />
   </div>
   <div class="ww_tabbox_pane" id="ww_tabbox1_pane3">
     Nada.
   </div>
</div>
</body>
</html>